import styled from "@emotion/styled";

export const Row = styled.div<{
    gap?: number | boolean,
    between?: boolean,
    marginBottom?: number,
}>`
    display: flex;
    align-items: center;
    justify-content: ${props => props.between ? "space-between" : undefined};
    margin-bottom: ${props => props.marginBottom + "rem"};
    > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: ${props => typeof props.gap === "number" ? props.gap + "rem" : props.gap ? "2rem" : undefined}; 
    }
`